// PostCSS 配置文件
// PostCSS 是基于Node.js 运行的一个处理CSS的工具，所以它的配置文件也是运行Node.js中

// PostCSS 配置文件需要导出一个对象
module.exports = {
  // 配置要使用的相关插件
  plugins: {
    // 自动添加浏览器厂商声明前缀，用来兼容不用的浏览器
    // VueCLI已经在内部默认配置了 autoprefixer
    // autoprefixer: {
    //   // browsers 用来配置要兼容到的系统（浏览器）环境
    //   // 这个配置没有问题，但是控制台会编译警告,VueCLI是通过
    //   // .browserslistrc 文件配置要兼容的环境信息
    //   browsers: ['Android >= 4.0', 'iOS >= 8']
    // },
    // 把 px 像素转化为rem
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*']
    }
  }
}
